第11回勉強会
- 日 時:
- 2013年3月15日 9:30〜12:30
- 場 所:
- 「かるがも」3F 点字製作室
- 出席者:
- 小野、福田、北條、二神、河野(敬称略)
1 D班ホームページTOPページの更新
担当の河野さんが更新した。「Picture Manager」と「liveフォトギャラリ」を用いて写真を編集した。
2 サイト作成
サイト作成学習の素材として「新会員の栞」を利用することとし、実習を行った。
手順
- フォルダーの作成:任意の場所にフォルダー「新会員の栞」を作成し、この中に「text」「images」及び「css」の3つのフォルダーを作成した。
- サイトの作成:ホームページビルダーを起動し、「サイト」→「サイトの新規作成」でサイト名に「新会員の栞」と入力して「次へ」、「新規にトップページを作成」を選択して「次へ」、「参照」をクリックして上記1で作成した「新会員の栞」フォルダーを選択して「完了」をクリックする。「ページ作成方法の選択」画面で「白紙から作成する」の「白紙ページ」をクリックする。転送設定問い合わせ画面では「いいえ」をクリックする。
- マークアップ:
<body>から</body>の間に<div></div>を挿入
この中に「ヘッダー」「コント」「フッター」と入力
<div>のIDを「container」に設定(<div id="container">)
「ヘッダー」「コント」「フッター」それぞれをdivで括り、IDを「header」「contents」「footer」に設定
「ヘッダー」を「新会員の栞」と書換えh1で括る。 - ロゴの挿入:ロゴ画像を挿入し、位置指定のためにIDを「logo」と指定する(<img id="logo" src="ima……>)。
- CSSの指定:下表のとおり指定した。
* | マージン パディング |
0 0 |
body | フォント | メイリオ, sans-serif |
#container | 幅 | 800px |
マージン | 自動 | |
#header | 背景色 | aqua |
幅 | 800px; | |
高さ | 150px | |
位置 | 相対的 | |
#contents | 幅 | 800px; |
#footer | フォントサイズ | 90% |
前景色 | 白 | |
背景色 | 黒 | |
水平方向の位置 | 中央揃え | |
幅 | 800px; | |
回り込み解除 | 両方 | |
h1 | フォントサイズ | 大きい |
水平方向の位置 | 中央揃え | |
上方向パディング | 30px | |
文字間 | 0.3em | |
img#logo | 位置 | 絶対絶対的 |
上位置 | 20px | |
左位置 | 10px |